<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>QQ导航</title>
<style type="text/css">
	*{
	    padding:0px;
		margin:0px;}
	.logo{
		display:inline-block;}
	nav{
		display:inline-block;
		
		}
	header{
		background:rgba(0,0,0,0.5);
		}
	a:link{
		color:#FFF;
		text-decoration:none;}
	a:hover{
		color:#09F;}
	a1{
		display:inline-block；
		vertical-align:middle;
		padding:20px;
		padding-top:35px;
		margin:80px 10px 80px 20px;}
	div{
		display:inline-block;}
	div{
		border:1px solid yellow; border-radius:15px; padding:5px; margin-left:50px;}
	
</style>
</head>

<body>
	<header>
	   <span class="logo"><img src="logo.png"/></span>
	  <nav>
        <span class="a1"><a href="#">功能特权</a></span>
         
        <span class="a1"><a href="#">游戏特权</a></span>
         
        <span class="a1"><a href="#">生活特权</a></span>
         
        <span class="a1"><a href="#">会员活动</a></span>
         
        <span class="a1"><a href="#">成长体系</a></span>
         
        <span class="a1"><a href="#">年费专区</a></span>
         
        <span class="a1"><a href="#">超级会员</a></span>
     </nav>
        <div><a href="#">登 录</a></div> 
        <div><a href="#">开通超级会员</a></div>
</header>   
</body>
</html>
